<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>方建平 - 后端开发工程师简历</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', Arial, sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
            padding: 20px;
            max-width: 1000px;
            margin: 0 auto;
        }
        
        h1 {
            text-align: center;
            margin: 20px 0;
            color: #2c3e50;
            font-size: 2.5em;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
        }
        
        h2 {
            color: #3498db;
            margin: 15px 0 10px;
            padding-left: 10px;
            border-left: 4px solid #3498db;
        }
        
        h3 {
            color: #2c3e50;
            margin: 10px 0;
        }
        
        .container {
            background-color: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        }
        
        .basic-info {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 20px;
            margin-bottom: 20px;
        }
        
        .basic-info img {
            border-radius: 50%;
            border: 3px solid #3498db;
            object-fit: cover;
        }
        
        .info-text {
            flex: 1;
            min-width: 200px;
        }
        
        .info-text p {
            margin: 8px 0;
        }
        
        a {
            color: #3498db;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        a:hover {
            color: #2980b9;
            text-decoration: underline;
        }
        
        ol, ul {
            padding-left: 25px;
            margin: 10px 0;
        }
        
        li {
            margin: 8px 0;
        }
        
        .project {
            margin-bottom: 20px;
            padding: 15px;
            background-color: #f9f9f9;
            border-radius: 5px;
            border-left: 3px solid #3498db;
        }
        
        .project p {
            margin: 5px 0;
        }
        
        .skills {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .skills li {
            background-color: #e8f4fc;
            padding: 5px 15px;
            border-radius: 20px;
            list-style-type: none;
        }
        
        .self-eval {
            padding: 15px;
            background-color: #f9f9f9;
            border-radius: 5px;
            font-style: italic;
        }
        
        @media (max-width: 600px) {
            .basic-info {
                flex-direction: column;
                align-items: flex-start;
            }
            
            body {
                padding: 10px;
            }
            
            .container {
                padding: 15px;
            }
        }
    </style>
</head>

<body>
    <div class="container">
        <h1>方建平</h1>
        
        <div class="basic-info">
            <img src="./tup/tup.jpg" alt="方建平照片" width="200" height="200">
            <div class="info-text">
                <p><strong>求职意向：</strong>后端开发工程师</p>
                <p><strong>联系电话：</strong>187-7743-2173</p>
                <p><strong>个人邮箱：</strong>15645@example.com</p>
            </div>
        </div>
        
        <div>
            <h2>教育背景</h2>
            <ol>
                <li><strong>大学</strong> - XX大学 计算机科学与技术专业 (20XX-20XX)</li>
                <li><strong>高中</strong> - XX中学 (20XX-20XX)</li>
                <li><strong>中学</strong> - XX中学 (20XX-20XX)</li>
                <li><strong>小学</strong> - XX小学 (20XX-20XX)</li>
            </ol>
        </div>
        
        <div>
            <h2>专业技能</h2>
            <ul class="skills">
                <li>C语言</li>
                <li>数据结构与算法</li>
                <li>C++</li>0-=
                \ 
                <li>Linux系统</li>
                <li>网络编程</li>
                <li>数据库</li>
            </ul>
        </div>
        
        <div>
            <h2>项目经验</h2>
            <div class="project">
                <h3><li>留言墙系统</li></h3>
                <p><strong>开发时间：</strong>2020年</p>
                <p><strong>项目描述：</strong></p>
                <ul>
                    <li>基于Web的留言发布平台，支持用户互动</li>
                    <li>实现用户注册登录、留言发布、留言管理等功能</li>
                    <li>支持匿名留言模式，保护用户隐私</li>
                </ul>
                <p><strong>技术栈：</strong>HTML/CSS/JavaScript, Node.js, MySQL</p>
            </div>
            
            <div class="project">
                <h3><li>学习小助手系统</li></h3>
                <p><strong>开发时间：</strong>2024年</p>
                <p><strong>项目描述：</strong></p>
                <ul>
                    <li>面向学生的在线学习辅助工具</li>
                    <li>实现作业错误自动检查与反馈功能</li>
                    <li>内置讨论区，支持同学间交流学习问题</li>
                </ul>
                <p><strong>技术栈：</strong>Python, Django, PostgreSQL</p>
            </div>
        </div>
        
        <div>
            <h2>自我评价</h2>
            <div class="self-eval">
                <p>计算机专业毕业生，具备扎实的编程基础和算法能力。在校期间学习成绩优异，多次获得奖学金。热爱编程，熟悉多种编程语言和开发环境。具有良好的团队协作能力和沟通能力，能够快速学习新技术并应用于实际开发中。</p>
                <p>工作认真负责，注重代码质量和开发规范，对后端开发有浓厚兴趣，希望在该领域深入发展。</p>
            </div>
        </div>
    </div>
</body>

</html>